.header-top {
  width: 10rem;
  margin: auto;
}
.header-top .header {
  width: 10rem;
  background-image: linear-gradient(180deg, #f24c59 0%, #f28c4c 100%);
}
.header-top .header .inp-top {
  display: flex;
  width: 10rem;
}
.header-top .header .inp-top .inp {
  width: 7.9467rem;
  height: 0.8533rem;
  margin: 1.0267rem 0 0 0.4267rem;
  background-color: #ffffff;
  border-radius: 2.48rem;
}
.header-top .header .inp-top .inp input {
  display: block;
  width: 7.9467rem;
  height: 0.8533rem;
  border-radius: 2.48rem;
  outline: none;
  border: none;
  text-indent: 1.24rem;
  font-size: 0.3733rem;
}
.header-top .header .inp-top .inp img {
  display: block;
  position: relative;
  top: -0.64rem;
  left: 0.64rem;
  width: 0.3733rem;
  height: 0.3733rem;
}
.header-top .header .inp-top .xiaoxi {
  height: 0.8533rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 1.12rem 0 0 0.4267rem;
}
.header-top .header .inp-top .xiaoxi span {
  height: 0.4267rem;
  font-size: 0.2133rem;
  display: block;
  color: #fff;
  text-align: center;
  transform: scale(0.8);
  text-align: left;
}
.header-top .header .inp-top .xiaoxi b {
  display: block;
  position: relative;
  top: -0.9rem;
  right: -0.2rem;
  width: 0.48rem;
  height: 1.5rem;
  color: #fff;
  font-size: 0.1733rem;
  transform: scale(0.9);
  font-weight: normal;
  text-align: center;
  background-color: #f49641;
  border-radius: 0.32rem;
}
.header-top .header .inp-top .xiaoxi img {
  width: 0.4267rem;
  height: 0.4267rem;
}
.header-top .box-top {
  width: 10rem;
  display: flex;
  background-color: #fff;
}
.header-top .box-top .zuo {
  width: 2.8rem;
  height: 16rem;
  overflow-y: scroll;
}
.header-top .box-top .zuo::-webkit-scrollbar {
  display: none;
  /*隐藏滚动条*/
}
.header-top .box-top .zuo .zuo-li {
  width: 2.8rem;
  height: 1.3333rem;
  line-height: 1.3333rem;
  text-align: center;
  background-color: #f6f7fb;
  font-weight: 600;
  color: #06121e;
  font-size: 0.4267rem;
}
.header-top .box-top .zuo .zuo-li:nth-child(1) {
  border: none;
  border-radius: 0 0 0.9333rem 0;
}
.header-top .box-top .zuo .zuo-li:nth-child(3) {
  border: none;
  border-radius: 0 0.9333rem 0 0;
}
.header-top .box-top .zuo .zuo-li:nth-child(2) {
  background-color: #ffffff;
}
.header-top .box-top .zuo .zuo-li:nth-child(2)::after {
  content: '';
  position: relative;
  top: 0;
  left: -2rem;
  border-left: 0.1267rem solid #ff6200;
}
.header-top .box-top .right-1 {
  width: 7.2rem;
  height: 16rem;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-around;
  overflow-y: scroll;
}
.header-top .box-top .right-1::-webkit-scrollbar {
  display: none;
  /*隐藏滚动条*/
}
.header-top .box-top .right-1 .right-li {
  height: 2rem;
  background-color: #fff;
  display: flex;
  margin: 0 0 0.1333rem 0.4667rem;
  flex-direction: column;
  align-items: center;
}
.header-top .box-top .right-1 .right-li img {
  width: 1.6rem;
  height: 1.6rem;
  display: block;
}
.header-top .box-top .right-1 .right-li span {
  font-size: 0.2667rem;
}
